<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<link rel="stylesheet" href="./js/bootstrap-3.4.1/css/bootstrap.min.css">
		<link rel="stylesheet" href="./js/bootstrap-3.4.1/css/bootstrap-theme.min.css">		
		<script type="text/javascript" src="./js/jquery-3.6.0.min.js"></script>
		<script type="text/javascript" src="./js/bootstrap-3.4.1/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="./js/bootstrap-3.4.1/css/bootoast.css">
		<script src="./js/bootstrap-3.4.1/js/bootoast.js"></script>
		<script>
			function login()
			{
				let username = $("#username").val();
				let password = $("#password").val();
				console.log(username);
				if(username === null || username === "" ||  password === null || password === "")
				{
					bootoast
					(
				{
					message: "登录失败！",
					type: "danger",
					position: "top",
					timeout:2
				}
					)
				}
				else
				{
					bootoast
						({
						message:"登录成功!",
						type:"success",
						position:"top",
						timeout:2
					})
				}
				
			}
		</script>
	</head>
	<body>
		<div class="container">
			<div class="row" style="width: 100%;height: 150px;"></div>
			<div class="row">
				<div class="col-md-3"></div>
				<div class="col-md-6">
					<div id="login">
						<img src="./img/logo.png" class="img-responsive" width="400px">
						<form>
							<label for="username">用户名</label><br>
							<input type="text" id="username" placeholder="请输入用户名"><br>
							<label for="password">密码</label><br>
							<input type="password" id="passward" placeholder="请输入密码"><br>
							<button type="button" class="btn btn-primary btn-lg btn-block" onclick="login()">登录</button>
						</form>
					</div>
				</div>
				<div class="col-md-3"></div>
			</div>
			
		</div>
	</body>
</html>